<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">{{msg}}</div>
</body>
<script src="./js/vue.js"></script>
<script>
  //优化vue代码的写法
  //配置项data对象中的所有数据的读写权限 会 代理给vm实例对象!
  //配置项mounted会在vue中被自动执行!
  new Vue({
      el:"#app",
      data:{
          msg:"hello vue"
      },
      //mounted这个函数 在vue中会被自动加载执行!
      mounted(){
          //this : 以后被实例化的vm实例对象
          setTimeout(()=>{
              this.msg = "byebye vue"
          },2000)
      }
  });

</script>
</html>